import React, {Component} from 'react';
import {Provider} from 'react-redux';
import AppNavigator from './navigator/AppNavigators';
import store from './store'

/**
 * 整个app的根部组件
 */
type Props = {};
export default class App extends Component<Props> {
    render() {
        /**
         * 将store传递给App框架,这样每个组件都可以得到redux的store而不用每次都在props中传递
         * AppNavigator是整个App的主页面部分
         * react-redux 提供了两个重要的对象，Provider 和 connect，前者使 React 组件可被连接（connectable），后者把 React 组件和 Redux 的 store 真正连接起来。
         *http://taobaofed.org/blog/2016/08/18/react-redux-connect/
         */
        console.log("App render");
        return <Provider store={store}>
            <AppNavigator/>
        </Provider>
    }
}
